<!DOCTYPE>
<html>

<head>
    <title>巴南万达•万海金街嗨起来</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta charset="utf-8" />
    <link href="css/fun_com.min.css" type="text/css" rel="stylesheet" />
    <link href="css/index.css" type="text/css" rel="stylesheet" />
</head>

<body>

    <div class="swiper-container hy">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="res/bg.jpg" alt="" style="width:100%;">
                <img src="res/logo.png" class="logo">
                <img src="res/h1.png" class="h1 animate_int bigToSmall">
                <img src="res/h1.png" class="h12 animate_int bigToSmall2">

                <img src="res/h2.png" class="h2">

                <img src="res/h4.png" class="h4">

                <img src="res/h5.png" class="h5">
                <img src="res/h6.png" class="h6 animate_int xiabai1">
                <img src="res/h7.png" class="h7 animate_int xiabai2">


                <img src="res/btn1.png" class="btn1">
                <img src="res/btn2.png" class="btn2">
                <img src="res/btn3.png" class="btn3">

            </div>
            <div class="swiper-slide">
                <img src="res/P1.gif" alt="" class="p1">
            </div>
            <div class="swiper-slide">
                <img src="res/P2.gif" alt="" class="p2">
            </div>
            <div class="swiper-slide">
                <img src="res/P3.gif" alt="" class="p3">
            </div>
            <div class="swiper-slide">
                <img src="res/P4.gif" alt="" class="p4">
            </div>
            <div class="swiper-slide">
                <img src="res/P5.gif" alt="" class="p5">
            </div>
            <div class="swiper-slide whiteBg">
                <img src="res/logo2.png" alt="" class="logo2">
                <img src="res/choujiang.png" alt="" class="choujiang">
                <img src="res/shou.png" alt="" class="shou">
                <img src="res/zp.png" alt="" class="zp">
                <img src="res/goBtn.png" alt="" class="goBtn">
                <img src="res/bigReturnBtn.png" alt="" class="bigReturnBtn">
            </div>
            <img src="res/zhitou.png" alt="" class="zhitou animate_int updown">
        </div>
    </div>

    <!-- 中奖 -->
    <div class="page hidden" id='zj'>
        <img src="res/zjbg.jpg" alt="" style="width:100%;">
        <input type="text" class="inputName">
        <input type="text" class="inputPhone">
        <img src="res/reward1.png" alt="" class="reward1 hidden" style="width:3.43rem;top:4.69rem;left:50%;-webkit-transform:translateX(-50%);">
        <img src="res/reward2.png" alt="" class="reward2 hidden" style="width:2.45rem;top:4.69rem;left:50%;-webkit-transform:translateX(-50%);">
        <img src="res/returnBtn2.png" alt="" class="returnBtn2" style="width:1.8rem;top:8.56rem;left:1.18rem;">
        <img src="res/subBtn.png" alt="" class="subBtn" style="width:1.8rem;top:8.56rem;right:1.18rem;">
    </div>

    <!-- 未中奖 -->
    <div class="page hidden" id='wzj'>
        <img src="res/wzjbg.jpg" alt="" style="width:100%;">
        <input type="text" class="inputName name">
        <input type="number" class="inputPhone phone">
        <img src="res/returnBtn2.png" alt="" class="returnBtn2" style="width:1.8rem;top:8.56rem;left:1.18rem;">
        <img src="res/subBtn.png" alt="" class="subBtn" style="width:1.8rem;top:8.56rem;right:1.18rem;">
    </div>

    <!-- 大家的记录 -->
    <div class="page hidden" id='djjl'>
        <img src="res/bg2.jpg" alt="" style="width:100%;">

        <ul id='djjl-ul'>
            <li>
                <img src="" alt="">
                <p>橘子小姐 抽中 <br><span>海洋公园家庭套票</span></p>
            </li>
        </ul>

        <img src="res/returnBtn.png" alt="" class="returnBtn">
    </div>

    <!-- 我的记录 -->
    <div class="page hidden" id='wdjl'>
        <img src="res/bg3.jpg" alt="" style="width:100%;">
        <p class="myname"></p>
        <p class="myphone"></p>
        <img src="res/returnBtn.png" alt="" class="returnBtn r1">
    </div>

    <!-- 活动规则 -->
    <div class="page mask hidden" id='rule'>
        <img src="res/ruleBg.jpg" alt="" style="width:100%;height:100%">

        <img src="res/returnBtn.png" alt="" class="returnBtn r3">
    </div>

    <!-- 可分享 -->
    <div class="page mask hidden" id='kfx'>
        <img src="res/tishihaoyou.jpg" alt="" style="width:100%; top:50%;-webkit-transform:translateY(-50%);">
    </div>

    <audio id="bgm" loop src="res/bgm.mp3"></audio>
    <!-- 此处不影响页面快速加载 -->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/fun_com.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="wechat-1.0.0.combined.js"></script>
    <script src="webserver.js"></script>

    <script type="text/javascript" src="js/main.js"></script>

</body>

</html>